<template>
  <div>
      <p :class="activeClass">哈哈</p>
      <p :class="isActive?'active':''">哈哈</p>
      <p :class="{active:isActive}">哈哈</p>

  </div>
</template>

<script>
export default {
data(){
    return{
activeClass:"active",
isActive:true
    }
}
}
</script>

<style>

</style>